@import "../../style/public";
.search-wrap {
  width: 100%;
  @include remCalc(height, 104);
  @include remCalc(padding, 16, 30);
  @include thin-border(false, false, bottom);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background: #fff;
  position: relative;
  .form-warp{
    flex: 1;
  }
  .mintui.mintui-search {
    top: 50%;
    @include remCalc(left, 16, !important);
    transform: translateY(-50%);
    color: #d9d9d9;
    @include remCalc(font-size, 28);
    position: absolute;
  }
  .input-wrap {
    background: #f8f8f8;
    flex: 1;
    display: flex;
    height:100%;
    position: relative;
    .zhk-sbylx {
      color: #999;
      @include remCalc(font-size, 32);
      @include remCalc(top, 18);
      @include remCalc(right, 14);
      position: absolute;
      background: #fff;
      &::after{
        content: "";
        position: absolute;
        $area:-20;
        @include remCalc(top, $area);
        @include remCalc(bottom, $area);
        @include remCalc(left, $area);
        @include remCalc(right, -10);
      }
    }
    input {
      background: #f8f8f8;
      @include remCalc(font-size, 28);
      flex: 1;
      height: 100%;
      @include remCalc(border-radius, 2);
      @include remCalc(padding, 0, 20, 0, 50);
      min-width: 50%;
    }
  }
  .mint-searchbar-cancel{
    @include remCalc(padding, 20, 0);
  }
}
